﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true"
	CodeBehind="FontSettings.aspx.cs" Inherits="ControlExplorer.C1Editor.FontSettings" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Editor"
	TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<wijmo:C1Editor runat="server" ID="Editor1" Width="760" Height="530" 
		FontNames="Arial,Courier New,Garamond,Tahoma,Times New Roman,Verdana,Wingdings,fantasy" 
		FontSizes="VerySmall,Smaller,Small,Medium,Large" ></wijmo:C1Editor>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
	<p>
	<strong>C1Editor</strong>支持三种编辑视图：设计视图，代码视图和拆分视图。
	在编辑器底部的工具栏，使用户在交换机之间切换视图。
	<strong>C1Editor</strong>同样也支持全屏编辑模式，此时把控件调整到浏览器窗口的大小。
	三种编辑视图都支持全屏编辑功能。
	</p>
	<p> <strong>EditorMode</strong>属性有以下三种值：</p>
	<ul>
	<li><strong>WYSIWYG </strong>-支持设计视图</li>
	<li><strong>Code </strong>-支持代码视图</li>
	<li><strong>Split </strong>-支持拆分视图</li>
	</ul>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
	<fieldset>
		<legend>编辑模式 </legend>
		<div class="controloptionswrapper radio">
			<div class="controloptions">
				<input type="radio" id="view_Design" name="view" checked="checked" onclick="switchview(1)" />
				<label for="view_Design">
					设计视图</label>
			</div>
			<div class="controloptions">
				<input type="radio" id="view_Source" name="view" onclick="switchview(2)" />
				<label for="view_Source">
					代码视图</label>
			</div>
			<div class="controloptions">
				<input type="radio" id="view_Split" name="view" onclick="switchview(3)" />
				<label for="view_Split">
					拆分视图</label>
			</div>
		</div>
	</fieldset>
	<script type="text/javascript">
		function switchview(index) {
			switch (index) {
				case 1:
					$("#<%= Editor1.ClientID %>").c1editor("executeEditorAction", "wysiwyg");
					break;
				case 2:
					$("#<%= Editor1.ClientID %>").c1editor("executeEditorAction", "code");
					break;
				case 3:
					$("#<%= Editor1.ClientID %>").c1editor("executeEditorAction", "split");
					break;
			}
		}        
	</script>
</asp:Content>
